
<template>
  <div class="banner">
    <div class="pic">
      <img :src="pic" alt />
    </div>
  </div>
</template>

<script>
export default {
  name: "banner",
  data() {
    return {
      pic: require("../assets/img/banner.jpg")
    };
  }
};
</script>

<style lang="less" scoped>
.banner {
  height: 400px;
  font-size: 0;
  overflow: hidden;
  .pic {
    img {
      display: block;
      width: 100%;
    }
  }
}
</style>